style: Fix rounded button corners in RTL

https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/5021

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2158>

diff --git a/data/theme/gnome-shell-sass/_common.scss b/data/theme/gnome-shell-sass/_common.scss
index 69c450485f51434b7e7181f423f107ec3f9e651d..4ad7b7c04ddc3c5d2bb83097ca8ec28e6c7c7578 100644 (file)
--- a/data/theme/gnome-shell-sass/_common.scss
+++ b/data/theme/gnome-shell-sass/_common.scss
@@ -136,14 +136,23 @@ $bubble_button_radius:$base_border_radius*1.25;
   &:hover { @include button(hover, $bubble_buttons_color, $shadow: none); }
   &:active { @include button(active, $bubble_buttons_color, $shadow: none); }
   
-  &:first-child {
+  &:first-child:ltr {
     border-radius: 0 0 0 $bubble_button_radius; 
   }
 
-  &:last-child {
+  &:last-child:ltr {
     border-radius: 0 0 $bubble_button_radius 0;
     border-right-width: 0 !important;
   }
+
+  &:first-child:rtl {
+    border-radius: 0 0 $bubble_button_radius 0;
+  }
+
+  &:last-child:rtl {
+    border-radius: 0 0 0 $bubble_button_radius;
+    border-left-width: 0 !important;
+  }
 }
 
 // styling for elements within popovers that look like notifications